Adjust appSwitcher and workspaceSwitcher popup to match mockups

diff --git a/data/theme/gnome-shell.css b/data/theme/gnome-shell.css
index 30e74fe93f2f21c2088c8f02c33cbe990c021c46..ee5b14edbf3be3ca565554840bef3ae8106dc73e 100644 (file)
--- a/data/theme/gnome-shell.css
+++ b/data/theme/gnome-shell.css
@@ -1003,8 +1003,8 @@ StTooltip {
 .switcher-list {
     background: rgba(0,0,0,0.8);
     border: 1px solid rgba(128,128,128,0.40);
-    border-radius: 8px;
-    padding: 18px;
+    border-radius: 24px;
+    padding: 20px;
 
     font: 12px sans-serif;
     color: white;
@@ -1018,7 +1018,9 @@ StTooltip {
     background-gradient-direction: horizontal;
     background-gradient-start: rgba(51, 51, 51, 1.0);
     background-gradient-end: rgba(51, 51, 51, 0);
-    border-radius: 8px;
+    border-radius: 24px;
+    border-radius-topright: 0px;
+    border-radius-bottomright: 0px;
     width: 60px;
 }
 
@@ -1026,13 +1028,15 @@ StTooltip {
     background-gradient-direction: horizontal;
     background-gradient-start: rgba(51, 51, 51, 0);
     background-gradient-end: rgba(51, 51, 51, 1.0);
-    border-radius: 8px;
+    border-radius: 24px;
+    border-radius-topleft: 0px;
+    border-radius-bottomleft: 0px;
     width: 60px;
 }
 
 .switcher-list .item-box {
     padding: 8px;
-    border-radius: 4px;
+    border-radius: 8px;
 }
 
 .switcher-list .thumbnail-box {
@@ -1047,12 +1051,12 @@ StTooltip {
 .switcher-list .outlined-item-box {
     padding: 6px;
     border: 2px solid rgba(85,85,85,1.0);
-    border-radius: 4px;
+    border-radius: 8px;
 }
 
 .switcher-list .selected-item-box {
     padding: 8px;
-    border-radius: 4px;
+    border-radius: 8px;
     background: rgba(255,255,255,0.33);
 }
 
@@ -1085,16 +1089,16 @@ StTooltip {
 .workspace-switcher-container {
     background: rgba(0,0,0,0.8);
     border: 1px solid rgba(128,128,128,0.40);
-    border-radius: 8px;
-    padding: 12px;
+    border-radius: 24px;
+    padding: 20px;
 }
 
 .workspace-switcher {
     background: transparent;
     border: 0px;
     border-radius: 0px;
-    padding: 4px;
-    spacing: 4.5px;
+    padding: 0px;
+    spacing: 8px;
 }
 
 .ws-switcher-active-left {
@@ -1102,7 +1106,7 @@ StTooltip {
     border: 0px;
     background: rgba(255,255,255,0.5);
     background-image: url("ws-switch-arrow-left.svg");
-    border-radius: 4px;
+    border-radius: 8px;
 }
 
 .ws-switcher-active-right {
@@ -1110,14 +1114,14 @@ StTooltip {
     border: 0px;
     background: rgba(255,255,255,0.5);
     background-image: url("ws-switch-arrow-right.svg");
-    border-radius: 4px;
+    border-radius: 8px;
 }
 
 .ws-switcher-box {
     height: 96px;
     border: 2px solid rgba(85,85,85,0.5);
     background: transparent;
-    border-radius: 4px;
+    border-radius: 8px;
 }
 
 /* Run Dialog */